Code Playground

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800);
*,
:after,
:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.container{
	width: 100%;
	height: 100vh;
	background: linear-gradient(aqua,aquamarine,aqua);
}
img:nth-child(1){
	position: relative;
	height: 80vh;
	width: 90%;
	left: 5%;
	top: 10%;
	border: 5px solid black;
	border-radius: 20px;
	box-shadow: 6px 6px 10px gray,-6px -6px 10px gray;
}
img:nth-child(2){
	position: absolute;
	height: 80px;
	width: 80px;
	right: 25%;
	top: 38%;
	animation: surf 7s linear infinite;
}
@keyframes surf{
	0%{
		transform: rotateZ(20deg);
	}
	10%{
		top: 38%;
		height: 110px;
		width: 110px;
	}
	20%{
		top: 45%;
		height: 115px;
		width: 115px;
	}
	30%{
		top: 40%;
		height: 125px;
		width: 125px;
	}
	40%{
		top: 40%;
		height: 130px;
		width: 130px;
	}
	50%{
		top: 40%;
		height: 135px;
		width: 135px;
	}
	60%{
		top: 45%;
		height: 140px;
		width: 140px;
	}
	70%{
		top: 45%;
		height: 145px;
		width: 145px;
	}
	80%{
		top: 45%;
		height: 150px;
		width: 150px;
	}
	90%{
		top: 45%;
		height: 155px;
		width: 155px;
	}
	100%{
		top: 52%;
		height: 155px;
		width: 155px;
		transform: translateX(-800px);
	}
}

Frontend Forever App